<template>
    <div class="conter-div">
      <video :src="videoUrl" :controls="true" width="100%" height="500"></video>
    </div>
  </template>
  
  <script>
  export default {
    name: 'HelloWorld',
    props: {
      msg: String
    },
    data(){
      return{
        videoUrl:'http://txvideo.aijiayou.com/e0e86d1fvodgzp1252425236/97531f935576678019782313439/DhQnQyAkTXoA.mp4'
      }
    }
  }
  </script>
  
  <style scoped lang="less">
  .conter-div{
    padding: 20px;
    color: #000;
  }
  </style>
  